<template>
	<view class="body">
		<view class="top">
			<view class="top_1">
					个人记账本
			</view>
			<view class="top_2">
				<view class="top_size">
					本月支出
					<text>￥0.00</text>
				</view>
			</view>
			<view class="top_3">
				<view class="top_0">
					<view class="top_size">
						本月支出
						<text>￥0.00</text>
					</view>
				</view>
				<view class="top_0">
					<view class="top_size1">
						月结余
						<text>￥0.00</text>
					</view>
				</view>
				
			</view>
		</view>
		<view class="jin">
			<view class="jin_1">
				近3日账单
			</view>
			<view class="jin_2">
				查看账单
				<text class="iconfont icon-you"></text>
			</view>
			
		</view>
		<view class="bai">
			<view class="bai_1">
				<view class="b">
					8月1日 今日
				</view>
				<view class="b_1">
					支出：89.50
				</view>
			</view>
			<view class="che">
				<view class="che_1">
					<view class="che_2">
						<image src="/static/images/gouwu.png" mode=""></image>
					</view>
					<view class="che_size">购物-日常用品</view>
				</view>
				<view class="che_o">
					-84.50
				</view>
			</view>
			<view class="che_q">
				<view class="che_1">
					<view class="che_2">
						<image src="/static/images/can.png" mode=""></image>
					</view>
					<view class="che_size">餐饮-三餐</view>
				</view>
				<view class="che_o">
					-3.50
				</view>
			</view>
		</view>
		
		<view class="bai">
			<view class="bai_1">
				<view class="b">
					7月31日 昨日
				</view>
				<view class="b_1">
					支出：2.00 收入：500.00
				</view>
			</view>
			<view class="che">
				<view class="che_1">
					<view class="che_2">
						<image src="/static/images/qiche.png" mode=""></image>
					</view>
					<view class="che_size">交通-公交</view>
				</view>
				<view class="che_o">
					-2.00
				</view>
			</view>
			<view class="che_q">
				<view class="che_1">
					<view class="che_2">
						<image src="/static/images/jiangbei.png" mode=""></image>
					</view>
					<view class="che_size">职业收入-奖金</view>
				</view>
				<view class="che_o">
					+500.00
				</view>
			</view>
		</view>
		
		<view class="bai_o">
			<view class="bai_1">
				<view class="b">
					7月30日 星期三
				</view>
				<view class="b_1">
					支出：12 收入：0
				</view>
			</view>
			<view class="che">
				<view class="che_1">
					<view class="che_2">
						<image src="/static/images/can.png" mode=""></image>
					</view>
					<view class="che_size">餐饮-三餐</view>
				</view>
				<view class="che_o">
					-10.00
				</view>
			</view>
			<view class="che_q">
				<view class="che_1">
					<view class="che_2">
						<image src="/static/images/jiangbei.png" mode=""></image>
					</view>
					<view class="che_size">交通-公交</view>
				</view>
				<view class="che_o">
					-2.00
				</view>
			</view>
			<view class="che_q">
				<view class="che_1">
					<view class="che_2">
						<image src="/static/images/qian.png" mode=""></image>
					</view>
					<view class="che_size">转账</view>
				</view>
				<view class="che_o">
					100
				</view>
			</view>
		</view>
		<view class="botton">
			<view class="hei">
				<image src="/static/images/home.png" mode=""></image>
			<view class="hei_1">
				首页
			</view>
			</view>
			<view class="button">
				+
			</view>
			<view class="hei">
				<image src="/static/images/my1.png" mode=""></image>
			<view class="hei_1">
				我的
			</view>
			</view>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
		@import url(@/pages/logins/logins.less);
</style>
